<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
		  <span>John</span>
		  <b>Kim</b>
		  <span>Adam</span>
		  <b>Rafael</b>
		  <span>Oleg</span>
		</div>
		<div>
		  <b>Dave</b>
		  <span>Ann</span>
		</div>
		<div>
		  <i><span>Maurice</span></i>
		  <span>Richard</span>
		  <span>Ralph</span>
		  <span>Jason</span>
		</div>
		
		<form action="" method="">
			<input type="text" disabled value="123" />
			<input type="text" id="read" readonly value="456" />
		</form>
		
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				console.log($("span:nth-of-type(2)"));
				console.log($("input:disabled").val());
				console.log($("#read").val());
			});
		</script>
	</body>
</html>
